<template>
  <div>
    <el-card>
      <template #header>
        <h1>个人中心</h1>
      </template>
      <div>
        <ul>
          <li><span>管理员ID:</span><span>123</span></li>
          <li><span>账号:</span><span>小虎</span></li>
          <li><span>用户组:</span><span>超级管理员</span></li>
          <li><span>创建时间:</span><span>2020/10/20</span></li>
          <li>
            <span>管理员头像:</span
            ><el-avatar
              src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
            ></el-avatar>
          </li>
        </ul>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {}
</script>
<style lang="less" scoped>
h1 {
  font-size: 20px;
}
li {
  display: flex;
  border-bottom: 1px solid #e4e4e4;
  height: 40px;
  justify-items: center;
  align-items: center;
  > span {
    padding: 10px 5px;
    font-size: 16px;
  }

  .el-avatar {
    padding: 0;
  }
}
</style>
